<ion-header>
    <header-component>
        <ion-toolbar>
            <ion-buttons class="button-left">
                <img navBackButton src="assets/imgs/return.svg" alt="">
            </ion-buttons>
            <ion-title>个人信息</ion-title>
        </ion-toolbar>
    </header-component>
</ion-header>

<ion-content>
    <div class="update-list">

        <div class="each-line person-image" (click)='update(1)'>
            <span>头像</span>
            <div class='update-img' [ngStyle]='person.headStyle'></div>
            <ion-icon name="ios-arrow-forward"></ion-icon>
        </div>
        <div class="each-line person-image" (click)='update(2)'>
            <span>用户名</span>
            <div class="item-note">{{ person.UserName || "" }}</div>
            <ion-icon name="ios-arrow-forward"></ion-icon>
        </div>
        <div class="each-line person-image" (click)='update(3)'>
            <span>密码</span>
            <div class="item-note">****** </div>
            <ion-icon name="ios-arrow-forward"></ion-icon>
        </div>
        <div class="each-line person-image" (click)='update(4)'>
            <span>手机号</span>
            <div class="item-note">{{ person.Phone || "未绑定" }} </div>
            <ion-icon name="ios-arrow-forward"></ion-icon>
        </div>
        <div class="each-line person-image" (click)='update(5)'>
            <span>邮箱</span>
            <div class="item-note">{{ person.EMail || "未绑定" }} </div>
            <ion-icon name="ios-arrow-forward"></ion-icon>
        </div>
    </div>
</ion-content>